<template>
      <div id="myFans">
          <!-- 头部 -->
          <my-header fixed title='我的粉丝' v-goTop:click='true'>
              <a class="back-black" slot='left' @click='$router.go(-1)'></a>
          </my-header>
          <!-- 正文 -->
          <div class="content" :class="{isIOS: $store.state.device == 'ios'}">
              <div class="container" v-swiper:swiperRight='true'>
                  <fans-list :itemJson="contentJson"></fans-list>
              </div>
          </div>
      </div>
</template>
<script>
export default {
    name: 'myFans',
    data () {
        return {
            contentJson: []
        }
    },
    watch: {
        $route(to, from) {
            if (from.path.includes('user')) {
                this.$nextTick(() => {
                    $('#history .container').scrollTop(0)
                })
            }
        }
    }
}
</script>
<style lang='stylus'>
#myFans {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    overflow: hidden;
    z-index: 1000;
    .content {
        position: relative;
        background: #f6f7fa;
    }
}
</style>
